<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
    <title>齐天大圣官方独立公司</title>
    ﻿<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="images/favicon.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/default.min.css?t=227" />
<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="lib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="js/main.min.js?t=1"></script>
<style type="text/css">
	ul{list-style-type:none;}
	.ysA{text-decoration:none;color:black;}
	#nav{line-height:30px;}
	#nav li{float:left;width:100px;}
	#nav li .ysA{display:block;width:100px;background:#EB7350;text-align:center;}
	#nav li .ysA:hover{background:#666;color:#fff;font-weight:bold;}
	#nav li ul{line-height:20px;position:absolute;display:none;}
	#nav li ul li{float:left;width:130px;}
	#nav li ul li a{display:block;width:130px;background:#666;text-align:left;padding-left:30px;}
	#nav li ul li a:hover{background:red;font-weight:normal;}
</style>
<script type="text/javascript" src="http://pic.veryhuo.com/uploads/common/js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function(){
var key=$("#nav>li");
key.mouseover(function(){
$(this).children(".nn1").fadeIn();
});
key.mouseout(function(){
$(this).children(".nn1").fadeOut();
});
});
</script>
</head>
<body>
<jsp:include page="/headerServlet"></jsp:include>





<section class="about-section">
    <div>
        <span>
            <article>公司介绍</article>
            <h6>COMPANY INTRODUCTION</h6>
        </span>
        <span></span>
    </div>
    <div></div>
    <div class="about-content">
        <div class="about-image"> <img src="${a.aboutImg }" alt=""></div>

        <article>
			${a.aboutBrief }
        </article>


    </div>

    <div class="about-box">
        <div class="about-leftbox">
            <img src="img/43.png" alt="">
        </div>
        <div class="about-rightbox">
            <h2>企业文化</h2>
            <p>五十年品牌传奇：珍珠之美</p>
            <article>
			<span style="font-size: 5px;">
				${a.aboutculture }
			</span>
			</article>
        </div>
    </div>

    <div class="about-team">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
            <p >更多</p>
            <span>EVEN MORE</span>
        </div>
        <div class="about-team-headimg">
        <c:forEach items="${ab }" var="l">
        <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
            <img src="${l.imgUrl }" alt="">
            <p>${l.title }</p>
            <span>${l.english }</span>
        </div>
        </c:forEach>
        </div>
    </div>
</section>



<table align="center">
	<tr>
		<td>
			<h1 id="h1h">品牌广告</h1>
					<img src="img/1500910772.png" width="100%" height="30" />
		</td>
	</tr>
	<tr>
		<td>
			<h4>
				${a.advertising }
			</h4>
		</td>
	</tr>
</table>	

        <table>
			<tr>
				<td width="550px"></td>
				<td>
					<a href=""><img src="${a.advertisingImg }" width="250"/></a>
				</td>
			</tr>
		</table>




<jsp:include page="/footerServlet"></jsp:include>
</body>
</html>
